<template>
	<view>
	 <button class="Creative-services-box" >
		 <text class="Creative-services">创作服务</text>
	 </button>
	 <button class="Creative-services-box" >
	 		 <text class="Creative-services">活动通知</text>
	 </button>
	 <view class="Creative-assistant-big-box">
	 	<view class="Prompts-time">
	 		{{PromptsTime}}
	 	</view>
		<view class="Creative-assistant-box">
			<view class="Creative-assistant-title">
				恭喜你！获得新人专享流量券！
			</view>
			<view class="Creative-assistant-content">
				因近期订阅笔记灵感，特奖励你「创作者专享笔记推广券」，你可前往【创作中心】-【成长助推】页面使用，助你的笔记上热门。<br />
				>>持续参与笔记灵感创作，有机会获得更多成长助推，再接再励!
			</view>
			<view class="Creative-assistant-name">
				<text class="Creative-assistant-image-box">
					<img src="../../../static/MessageImg/taikongren.png" alt="" class="Creative-assistant-image"/>
				</text>
				<text class="Seller-of-goods">小红书创作助手</text>
			</view>
			<view class="go-Note-Inspiration">
				前往笔记灵感
			</view>
		</view>
	 </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				PromptsTime:"05-25"
			}
		},
		methods: {
		},
		onNavigationBarButtonTap(e){
			uni.navigateTo({
				url:"/pages/message/messageNotification/NotificationSettings"
			})
		}
	}
</script>

<style scoped>
 page {
 	background: rgb(246, 246, 246);
 }
 
 uni-button:after {
 	border: none;
}
 .Creative-services-box{
	 background-color: #fff;
	 width: 95%;
	 height: 120rpx;
	 margin-top: 20rpx;
	 border-radius: 20rpx;
 }
 .Creative-services{
     width: 100%;
	 height: 120rpx;
	 display: flex;
	 justify-content: flex-start;
	 align-items: center;
 }
 .Creative-services::after {
 	content: '';
 	/* 清空伪元素内容 */
 	background-image: url("../../../static/MessageImg/youtubiao.png");
 	/* 替换为你的箭头图片 URL */
 	background-size: contain;
 	/* 调整图片大小以适应容器 */
 	background-repeat: no-repeat;
 	/* 禁止图片重复 */
 	width: 30rpx;
 	/* 设置图片宽度 */
 	height: 30rpx;
 	/* 设置图片高度 */
 	position: absolute;
 	/* 绝对定位 */
 	right: 40rpx;
 	/* 距离右侧的位置 */
 	top: 50%;
 	/* 垂直居中 */
 	transform: translateY(-50%);
 	/* 垂直居中 */
 }
.Creative-assistant-big-box {
    width: 100%;
    /* height: 560rpx; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Prompts-time {
    width: 100%;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    color: rgb(151, 151, 151);
    flex-grow: 1;
}

.Creative-assistant-box {
    width: 95%;
    /* height: auto; */ /* 默认为 auto，不需要额外设置 */
    background-color: #fff;
    margin-left: 2.5%;
    border-radius: 20rpx;
}

.Creative-assistant-title {
    width: 90%;
    margin-left: 5%;
    line-height: 80rpx;
    font-size: 34rpx;
}

.Creative-assistant-content {
    width: 90%;
    margin-left: 5%;
    /* height: 210rpx; */ /* 不需要设置固定高度 */
    flex-shrink: 0;
}

.Creative-assistant-name {
    width: 90%;
    height: 80rpx;
    margin-left: 5%;
    display: flex;
    border-bottom: 1rpx solid rgb(246, 246, 246);
}

.Creative-assistant-image-box {
    width: 60rpx;
    height: 80rpx;
    display: inline-block;
}

.Creative-assistant-image {
    width: 50rpx;
    height: 50rpx;
    margin-top: 15rpx;
}

.Seller-of-goods {
    display: inline-block;
    width: 400rpx;
    height: 80rpx;
    line-height: 80rpx;
    font-size: 26rpx;
}

.go-Note-Inspiration {
    width: 90%;
    height: 110rpx;
    margin-left: 5%;
    text-align: center;
    line-height: 110rpx;
    color: rgb(0, 134, 201);
}
</style>
